<template>
  <div>
    <!-- 面包屑导航 -->
    <div class="fz15 fw">报警设置</div>
    <!-- 分割线 -->
    <el-divider></el-divider>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="name" label="设备名" width="180" />
      <el-table-column prop="phone" label="报警接收人" width="280">
        <el-select
          v-model="form.floder_watch"
          class="m-3"
          multiple
          placeholder="选择接收人"
          size="large"
        >
          <el-option
            v-for="item in options_3"
            :key="item.value"
            :value="item.value"
          />
        </el-select>
      </el-table-column>
      <el-table-column label="操作" width="200" align="center">
        <template #default="scope">
          <el-button
            type="danger"
            :icon="Delete"
            circle
            @click="delMess(scope.row.id)"
          />
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script setup>
import { Delete, Edit } from "@element-plus/icons-vue";
import { ElMessage } from "element-plus";
import { reactive, ref, onMounted } from "vue";
import httpApis from "../../http/index";
const dialogFormVisible = ref(false);
const open2 = () => {
  ElMessage({
    message: "添加成功",
    type: "success",
  });
};
const form = reactive({
  name: "",
  phone: "",
});
const tableData = [
  {
    phone: "18434660717,1919199900",
    name: "服务器1",
  },
  {
    phone: "18434660717,1919199900",
    name: "服务器2",
  },
];
const options_3 = [
  {
    value: "18434660717",
  },
  {
    value: "18434550881",
  },
  {
    value: "12939394040",
  },
];
onMounted(() => {});
</script>

<style lang="scss" scoped>
.net-box {
  svg {
    display: none;
  }
  &:hover svg {
    display: block;
  }
}
</style>

